<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="white-bold"
      class="page-section layout-engine-section background-width--inset section-height--medium content-width--medium horizontal-alignment--center vertical-alignment--middle has-background white-bold"
      data-section-id="6073ff55c64f9762a2a3667b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 267.656px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <img
            alt=""
            data-src="../assets/imgs/soft1.jpg"
            data-image="../assets/imgs/soft1.jpg"
            data-image-dimensions="2500x1667"
            data-image-focal-point="0.5,0.5"
            data-load="false"
            elementtiming="nbf-background"
            src="../assets/imgs/soft1.jpg"
            width="2500"
            height="1667"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="display: block; object-position: 50% 50%"
            srcset="
              ../assets/imgs/soft1.jpg?format=100w   100w,
              ../assets/imgs/soft1.jpg?format=300w   300w,
              ../assets/imgs/soft1.jpg?format=500w   500w,
              ../assets/imgs/soft1.jpg?format=750w   750w,
              ../assets/imgs/soft1.jpg?format=1000w 1000w,
              ../assets/imgs/soft1.jpg?format=1500w 1500w,
              ../assets/imgs/soft1.jpg?format=2500w 2500w
            "
            fetchpriority="high"
            loading="eager"
            decoding="async"
            data-loader="sqs"
          />
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
      <div class="content-wrapper" style="">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-6073ff55c64f9762a2a3667b"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h1
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.264s;
                        "
                        class="preScale scaleIn"
                      >
                        Applications
                        <em style="font-weight: 500">Downloads Available </em>
                      </h1>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle softwareMain white"
      data-section-id="6073c8ca1834a220b7487e71"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
              <div class="row sqs-row">
                <div class="col sqs-col-4 span-4">
                  <div
                    class="sqs-block image-block sqs-block-image sqs-text-ready"
                    data-block-type="5"
                    id="block-b302f3e0252cfe5cdcc6"
                  >
                    <div class="sqs-block-content">
                      <div
                        class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                        data-test="image-block-inline-outer-wrapper"
                      >
                        <figure
                          class="sqs-block-image-figure intrinsic"
                          style="max-width: 350px"
                        >
                          <div
                            class="image-block-wrapper"
                            data-animation-role="image"
                            style="
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.245902s;
                            "
                          >
                            <div
                              class="sqs-image-shape-container-element has-aspect-ratio"
                              style="
                                position: relative;
                                overflow: hidden;
                                -webkit-mask-image: -webkit-radial-gradient(
                                  white,
                                  black
                                );
                              "
                            >
                              <img
                                data-stretch="false"
                                data-src="../assets/imgs/Red_Universal_Logo_Trad_Chinese厚爱健康.png"
                                data-image="../assets/imgs/Red_Universal_Logo_Trad_Chinese厚爱健康.png"
                                data-image-dimensions="519x400"
                                data-image-focal-point="0.5,0.5"
                                alt="Red_Universal_Logo_Trad_Chinese厚爱健康.png"
                                data-load="false"
                                elementtiming="system-image-block"
                                src="../assets/imgs/Red_Universal_Logo_Trad_Chinese厚爱健康.png"
                                width="519"
                                height="400"
                                sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                style="
                                  display: block;
                                  object-fit: cover;
                                  width: 100%;
                                  height: 100%;
                                  object-position: 50% 50%;
                                "
                                onload='this.classList.add("loaded")'
                                srcset="
                                  ../assets/imgs/Red_Universal_Logo_Trad_Chinese厚爱健康.png?format=100w   100w,
                                  ../assets/imgs/Red_Universal_Logo_Trad_Chinese厚爱健康.png?format=300w   300w,
                                  ../assets/imgs/Red_Universal_Logo_Trad_Chinese厚爱健康.png?format=500w   500w,
                                  ../assets/imgs/Red_Universal_Logo_Trad_Chinese厚爱健康.png?format=750w   750w,
                                  ../assets/imgs/Red_Universal_Logo_Trad_Chinese厚爱健康.png?format=1000w 1000w,
                                  ../assets/imgs/Red_Universal_Logo_Trad_Chinese厚爱健康.png?format=1500w 1500w,
                                  ../assets/imgs/Red_Universal_Logo_Trad_Chinese厚爱健康.png?format=2500w 2500w
                                "
                                loading="lazy"
                                decoding="async"
                                data-loader="sqs"
                                class="loaded"
                              />
                            </div>
                          </div>
                        </figure>
                      </div>
                    </div>
                  </div>
                  <div class="sqs-block html-block sqs-block-html">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content">
                        <h4
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.255738s;
                          "
                          class="preFade fadeIn"
                        >
                          <strong>Monitor Your Health</strong>
                        </h4>
                        <p
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.265574s;
                          "
                          class="preFade fadeIn"
                        >
                          This is a health care app that can monitor your own
                          physical condition through real-time monitoring of
                          blood sugar, blood pressure, and ECG. You can also
                          make appointment registration, video consultation,
                          emergency call 110, medical insurance, health checkup
                          consultation, and solve the problem of timely
                          treatment of patients Give patients the best quality
                          service.
                        </p>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col sqs-col-4 span-4">
                  <div
                    class="sqs-block image-block sqs-block-image sqs-text-ready"
                    data-block-type="5"
                    id="block-b302f3e0252cfe5cdcc6"
                  >
                    <div class="sqs-block-content">
                      <div
                        class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                        data-test="image-block-inline-outer-wrapper"
                      >
                        <figure
                          class="sqs-block-image-figure intrinsic"
                          style="max-width: 350px"
                        >
                          <div
                            class="image-block-wrapper"
                            data-animation-role="image"
                            style="
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.245902s;
                            "
                          >
                            <div
                              class="sqs-image-shape-container-element has-aspect-ratio"
                              style="
                                position: relative;
                                overflow: hidden;
                                -webkit-mask-image: -webkit-radial-gradient(
                                  white,
                                  black
                                );
                              "
                            >
                              <img
                                data-stretch="false"
                                data-src="../assets/imgs/Green_Logo＿English_doctor_+copy.png"
                                data-image="../assets/imgs/Green_Logo＿English_doctor_+copy.png"
                                data-image-dimensions="519x400"
                                data-image-focal-point="0.5,0.5"
                                alt="Green_Logo＿English_doctor_ copy.png"
                                data-load="false"
                                elementtiming="system-image-block"
                                src="../assets/imgs/Green_Logo＿English_doctor_+copy.png"
                                width="519"
                                height="400"
                                sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                style="
                                  display: block;
                                  object-fit: cover;
                                  width: 100%;
                                  height: 100%;
                                  object-position: 50% 50%;
                                "
                                onload='this.classList.add("loaded")'
                                srcset="
                                  ../assets/imgs/Green_Logo＿English_doctor_+copy.png?format=100w   100w,
                                  ../assets/imgs/Green_Logo＿English_doctor_+copy.png?format=300w   300w,
                                  ../assets/imgs/Green_Logo＿English_doctor_+copy.png?format=500w   500w,
                                  ../assets/imgs/Green_Logo＿English_doctor_+copy.png?format=750w   750w,
                                  ../assets/imgs/Green_Logo＿English_doctor_+copy.png?format=1000w 1000w,
                                  ../assets/imgs/Green_Logo＿English_doctor_+copy.png?format=1500w 1500w,
                                  ../assets/imgs/Green_Logo＿English_doctor_+copy.png?format=2500w 2500w
                                "
                                loading="lazy"
                                decoding="async"
                                data-loader="sqs"
                                class="loaded"
                              />
                            </div>
                          </div>
                        </figure>
                      </div>
                    </div>
                  </div>
                  <div class="sqs-block html-block sqs-block-html">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content">
                        <h4
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.255738s;
                          "
                          class="preFade fadeIn"
                        >
                          <strong>Find Your Doctor</strong>
                        </h4>
                        <p
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.265574s;
                          "
                          class="preFade fadeIn"
                        >
                          Hospital doctors can understand the status of patients
                          in real time through the Hoai Health Doctor App, and
                          the system summarizes patient information, so that
                          doctors can solve patient problems more quickly and
                          conveniently.
                        </p>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="col sqs-col-4 span-4">
                  <div
                    class="sqs-block image-block sqs-block-image sqs-text-ready"
                    data-block-type="5"
                    id="block-b302f3e0252cfe5cdcc6"
                  >
                    <div class="sqs-block-content">
                      <div
                        class="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
                        data-test="image-block-inline-outer-wrapper"
                      >
                        <figure
                          class="sqs-block-image-figure intrinsic"
                          style="max-width: 350px"
                        >
                          <div
                            class="image-block-wrapper"
                            data-animation-role="image"
                            style="
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.245902s;
                            "
                          >
                            <div
                              class="sqs-image-shape-container-element has-aspect-ratio"
                              style="
                                position: relative;
                                overflow: hidden;
                                -webkit-mask-image: -webkit-radial-gradient(
                                  white,
                                  black
                                );
                              "
                            >
                              <img
                                data-stretch="false"
                                data-src=" ../assets/imgs/Pink_Logo_English_nurse+copy.png"
                                data-image=" ../assets/imgs/Pink_Logo_English_nurse+copy.png"
                                data-image-dimensions="522x400"
                                data-image-focal-point="0.5,0.5"
                                alt="Pink_Logo_English_nurse copy.png"
                                data-load="false"
                                elementtiming="system-image-block"
                                src=" ../assets/imgs/Pink_Logo_English_nurse+copy.png"
                                width="522"
                                height="400"
                                sizes="(max-width: 640px) 100vw, (max-width: 767px) 33.33333333333333vw, 33.33333333333333vw"
                                style="
                                  display: block;
                                  object-fit: cover;
                                  width: 100%;
                                  height: 100%;
                                  object-position: 50% 50%;
                                "
                                onload='this.classList.add("loaded")'
                                srcset="
                                   ../assets/imgs/Pink_Logo_English_nurse+copy.png?format=100w   100w,
                                   ../assets/imgs/Pink_Logo_English_nurse+copy.png?format=300w   300w,
                                   ../assets/imgs/Pink_Logo_English_nurse+copy.png?format=500w   500w,
                                   ../assets/imgs/Pink_Logo_English_nurse+copy.png?format=750w   750w,
                                   ../assets/imgs/Pink_Logo_English_nurse+copy.png?format=1000w 1000w,
                                   ../assets/imgs/Pink_Logo_English_nurse+copy.png?format=1500w 1500w,
                                   ../assets/imgs/Pink_Logo_English_nurse+copy.png?format=2500w 2500w
                                "
                                loading="lazy"
                                decoding="async"
                                data-loader="sqs"
                                class="loaded"
                              />
                            </div>
                          </div>
                        </figure>
                      </div>
                    </div>
                  </div>
                  <div class="sqs-block html-block sqs-block-html">
                    <div class="sqs-block-content">
                      <div class="sqs-html-content">
                        <h4
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.255738s;
                          "
                          class="preFade fadeIn"
                        >
                          <strong>A Nurse to your Door</strong>
                        </h4>
                        <p
                          style="
                            text-align: center;
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.265574s;
                          "
                          class="preFade fadeIn"
                        >
                          Houai Health Nurse Terminal is referred to as Youdi
                          Nurse. This is a home-to-home app for nurses.
                          Customers can place orders through the Houai Health
                          client, allowing nurses to come to the door for
                          services, injections, infusions, pregnant women care,
                          dressing (including PICC), sputum suction,
                          Catheterization, nasal feeding, enema, atomization
                          treatment, surgical insertion, pressure ulcer care,
                          stoma care, postpartum care, newborn care, nurses'
                          lactation, etc., help solve the trouble that patients
                          cannot go to the hospital. At the same time, it also
                          gives medical staff extra income during the rest time.
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../components/header.vue";
import Footer from "../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@import url("../assets/css/common.css");
@media screen and (min-width: 768px) {
  .page-section.content-width--wide .content,
  .page-section.content-width--narrow.content-collection .content,
  .page-section.content-width--medium.content-collection .content {
    /* width: 75%; */
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    font-size: calc((4 - 2) * 1.2vw + 1rem);
  }
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 66vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
h1 {
  color: #fff;
}
h1 {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
section > .content-wrapper {
  opacity: 1;
}
.page-section.horizontal-alignment--center > .content-wrapper {
  justify-content: center;
}
.page-section > .content-wrapper {
  display: flex;
}
.page-section > .content-wrapper {
  width: 100%;
  box-sizing: content-box;
  position: relative;
}
.page-section > .content-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}
.sqs-layout > .sqs-row {
  margin-left: -17px;
  margin-right: -17px;
}
[class*="sqs-col"] .sqs-block {
  padding-left: 17px;
  padding-right: 17px;
}
.sqs-layout:not(.sqs-editing)
  .sqs-row
  .sqs-block:not(.float):not(
    .sqs-feature-gated-wrapper
  ):first-child:last-child {
  padding-bottom: 0;
}
.sqs-layout:not(.sqs-editing)
  .sqs-row
  .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
  padding-top: 0;
}
[class*="sqs-col"] {
  float: left;
}
.sqs-col-4 {
  width: 33.3333%;
}
.content-wrapper p {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  font-family: Poppins;
  line-height: 30px;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(
    .editmode-changing-rowcount
  ).section-height--medium
  > .content-wrapper {
  padding-top: 3.3vmax;
  padding-bottom: 3.3vmax;
}
@media screen and (max-width: 767px) {
  .page-section {
    padding-top: 136px !important;
  }
  .section-background {
    top: 136px !important;
  }
}
.sqs-row:before,
.sqs-row:after {
  content: "";
  display: table;
}
@media screen and (max-width: 767px) {
  [class*="sqs-col"] {
    float: none !important;
    width: 100% !important;
  }
  .sqs-row {
    margin-left: 0;
    margin-right: -17px;
  }
  .sqs-block-image-figure {
    margin: 0 auto;
  }
  .softwareMain {
    padding-top: 20px !important;
    min-height: 33vh !important;
  }
}
</style>
